<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/7/20
  Time: 11:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>统计页面</title>
     <script src="static/echarts/echarts.js"></script>
    <%--    引入样式表--%>
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <%--    引入js文件--%>
    <script src="static/layui/layui.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 1200px;height:490px;"></div>
<script type="text/javascript">
    layui.use(['jquery'], function(){
        var $ = layui.jquery;
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        $.ajax({
            url: "business?method=getCountApply",//路径
          //  data: {id: ids.join(",")},//传递给后台的参数，join将数组成员以‘，’分隔，转换成字符串
            dataType: "json",//相应的数据类型：服务器给我的
            type: "post",
            success: function (data) {
                // 指定图表的配置项和数据
                var option = {
                    legend: {},
                    tooltip: {},
                    dataset: {
                        // 提供一份数据。
                        source: data.data
                    },
                    // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
                    xAxis: {type: 'category'},
                    // 声明一个 Y 轴，数值轴。
                    yAxis: {},
                    // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
                    series: [

                        {type: 'bar'},
                        {type: 'bar'}
                    ]
                };

                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }
        })



    });

</script>
</body>
</html>
